<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,IE=EmulateIE9,IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>实时定位</title>
    <head th:include="include :: header"></head>
    <link th:href="@{/res/cms/popup-views.css}" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/res/cms/alarm/alarm.css}" />
    <link rel="stylesheet" th:href="@{/res/cms/monitoringCentre/RealtimePosition.css}" />
    <link rel="stylesheet" href="/css/view.css">
</head>

<body>
<div th:include="include :: footer"></div>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.9&key=fcc9dac16234c3f28d35cd92d4add2db&plugin=AMap.MarkerClusterer"></script>
<script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script type="text/javascript" th:src="@{/js/business/monitoringCentre/wind.js}"></script>

<!--视频预览左侧树结构加载-->
<div id="test" class="col-md-2 left-ztree-c" style="padding-right: 10px;">
    <div class="ztree-switch"><span th:style="'background:url(' + @{/res/framework/icons/video_view/left-close.png} + ');'" ></span></div>
    <!--左侧设备视频搜索框-->
    <div class="left_sraong">
        <div class="search-bar" id="addNumDevice" style="position:relative;">
            <input id="keyword" type="text" data-id="car" class="form-control" placeholder="输入站点名称" style="width: 95%;padding-left: 10px;">
            <input id="smap" type="text" class="form-control" style="display:none; width: 95%; text-indent: 10px;">
            <button id="search-bt" class="btn btn-success" style="left: 77%;"><img style="width:20px;" th:src="@{/res/framework/icons/search.png}"></button>
        </div>
        <div id="menuTree" class="proton-demo" style="background:#fff;">
            <div id="carWhere">
                <ul id="leftTree" data-id="treeSelect" class="ztree moniterCenter" style="overflow: auto;background:#fcfcfc;width:194px;margin-left:6px; width: 95%;"></ul>
            </div>
        </div>
        <!-- 地图搜索输入框 -->
        <div id="panel" style="display:none;">
            <div id="searchResults"></div>
        </div>
    </div>
</div>
<!--右侧区域数据加载-->
<div id="right_content" class="col-md-10" style="height:100%;">
    <!--地图加载区域-->
    <div id="container"></div>
    <!--头部以及天气模块-->
    <div class="alarm-title-view" id="weatherArea">
        <!--  <div class="left-text-view"><img th:src="@{/res/framework/icons/forecast/alarm-txt-1.png}" alt=""></div> -->
        <div class="alarm-right-view">
            <iframe th:src="@{/monitorCenter/timeWeather}" frameborder="none"></iframe>
            <img src="" class="weather-icons" alt="" id="weatherIcon" />
            <div class="temp-panel" id="tempPanel"></div>
            <div class="wind-view" id="wind">
                <p class="w"><span></span></p>
                <div class="wind-switch"><span></span></div>
            </div>
        </div>
    </div>
    <i id="covers"><img id="clscreen" th:src="@{/res/framework/icons/full.png}"></i>
    <div class="mapzoom" style="top: 170px;">
        <div class="mapadd"></div>
        <div class="mapreduce"></div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" th:src="@{/js/business/monitoringCentre/RealtimePosition.js}"></script>
<script type="text/javascript" th:src="@{/js/websocket/reconnecting-websocket.js}"></script>
